<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>统一系统管理(USM) | 首页</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="css/_all-skins.min.css">
<link rel="stylesheet" href="css/usm.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

<!-- Google Font -->
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

</head>
<body class="hold-transition skin-blue layout-top-nav fixed">
	<div class="wrapper">
		<header class="main-header">
			<nav class="navbar navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<a href="#" class="navbar-brand"><b>统一系统管理</b>(USM)</a>
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
							<i class="fa fa-bars"></i>
						</button>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a href="https://github.com/jusm/jusm-parent">GitHub <span class="sr-only">(current)</span></a></li>
							<li><a href="http://localhost:8080/console">控制台</a></li>
							<li><a href="http://localhost:8080/login">登录</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">源码<span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu">
									<li><a href="https://github.com/jusm/jusm-parent" target="_blank">GitHub</a></li>
									<li><a href="https://gitee.com/wenhoran/jusm" target="_blank">码云</a></li>
								</ul>
							</li>
						</ul>
						<form class="navbar-form navbar-left" role="search">
							<div class="form-group">
								<input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
							</div>
						</form>
					</div>
					<!-- /.navbar-collapse -->
					<!-- Navbar Right Menu -->
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- Messages: style can be found in dropdown.less-->
							<li class="dropdown messages-menu">
								<!-- Menu toggle button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
									class="fa fa-envelope-o"></i> <span class="label label-success">4</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 4 messages</li>
									<li>
										<!-- inner menu: contains the messages -->
										<ul class="menu">
											<li>
												<!-- start message --> <a href="#">
													<div class="pull-left">
														<!-- User Image -->
														<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
													</div> <!-- Message title and timestamp -->
													<h4>
														Support Team <small><i class="fa fa-clock-o"></i> 5 mins</small>
													</h4> <!-- The message -->
													<p>Why not buy a new awesome theme?</p>
											</a>
											</li>
											<!-- end message -->
										</ul> <!-- /.menu -->
									</li>
									<li class="footer"><a href="#">See All Messages</a></li>
								</ul>
							</li>
							<!-- /.messages-menu -->

							<!-- Notifications Menu -->
							<li class="dropdown notifications-menu">
								<!-- Menu toggle button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
									class="fa fa-bell-o"></i> <span class="label label-warning">10</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 10 notifications</li>
									<li>
										<!-- Inner Menu: contains the notifications -->
										<ul class="menu">
											<li>
												<!-- start notification --> <a href="#"> <i class="fa fa-users text-aqua"></i> 5 new members joined today
											</a>
											</li>
											<!-- end notification -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all</a></li>
								</ul>
							</li>
							<!-- Tasks Menu -->
							<li class="dropdown tasks-menu">
								<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
									class="fa fa-flag-o"></i> <span class="label label-danger">9</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 9 tasks</li>
									<li>
										<!-- Inner menu: contains the tasks -->
										<ul class="menu">
											<li>
												<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
													<h3>
														Design some buttons <small class="pull-right">20%</small>
													</h3> <!-- The progress bar -->
													<div class="progress xs">
														<!-- Change the css width attribute to simulate progress -->
														<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20"
															aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">20% Complete</span>
														</div>
													</div>
											</a>
											</li>
											<!-- end task item -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all tasks</a></li>
								</ul>
							</li>
							<!-- User Account Menu -->
							<li class="dropdown user user-menu">
								<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <!-- The user image in the navbar-->
									<img src="img/user2-160x160.jpg" class="user-image" alt="User Image"> <!-- hidden-xs hides the username on small devices so only the image appears. -->
									<span class="hidden-xs">Alexander Pierce</span>
							</a>
								<ul class="dropdown-menu">
									<!-- The user image in the menu -->
									<li class="user-header"><img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">

										<p>
											Alexander Pierce - Web Developer <small>Member since Nov. 2012</small>
										</p></li>
									<!-- Menu Body -->
									<li class="user-body">
										<div class="row">
											<div class="col-xs-4 text-center">
												<a href="#">Followers</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Sales</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Friends</a>
											</div>
										</div> <!-- /.row -->
									</li>
									<!-- Menu Footer-->
									<li class="user-footer">
										<div class="pull-left">
											<a href="#" class="btn btn-default btn-flat">Profile</a>
										</div>
										<div class="pull-right">
											<a href="#" class="btn btn-default btn-flat">Sign out</a>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- /.navbar-custom-menu -->
				</div>
				<!-- /.container-fluid -->
			</nav>
		</header>

		<!-- Full Width Column -->
		<div class="content-wrapper" id="content-wrapper">
			<!-- Content Header (Page header) -->

			<!-- /.box-header -->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
					<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
				</ol>
				<div class="carousel-inner">
					<div class="item active">
						<img src="img/ffffff&text=Welcome to Haoran Studio!.png" style="min-width: 100%" alt="First slide">
						<div class="container">
							<div class="carousel-caption">
								<h1>统一系统管理(USM)</h1>
								<h3>简洁、直观、强悍的接口开发框架,让web开发更迅速简单。</h3>
							</div>
						</div>
					</div>
					<div class="item">
						<img src="http://placehold.it/2000x500/3c8dbc/ffffff&amp;text=Advertisement for rent" alt="Second slide">
						<div class="carousel-caption">Second Slide</div>
					</div>
					<div class="item">
						<img src="http://placehold.it/2000x500/3c8dbc/ffffff&amp;text=Advertisement for rent" alt="Third slide">
						<div class="carousel-caption">Third Slide</div>
					</div>
				</div>
				<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span
					class="fa fa-angle-left"></span>
				</a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span
					class="fa fa-angle-right"></span>
				</a>
			</div>
			<hr>
			<div class="row">
				<div class="container">
					<!-- The time line -->
					<ul class="timeline">
						<!-- timeline time label -->
						<li class="time-label"><span class="bg-red"> 10 Feb. 2014 </span></li>
						<!-- /.timeline-label -->
						<!-- timeline item -->
						<li><i class="fa fa-envelope bg-blue"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>

								<h3 class="timeline-header">
									<a href="#">Support Team</a> sent you an email
								</h3>
								<div class="timeline-body">Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning
									heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo
									kaboodle quora plaxo ideeli hulu weebly balihoo...</div>
								<div class="timeline-footer">
									<a class="btn btn-primary btn-xs">Read more</a> <a class="btn btn-danger btn-xs">Delete</a>
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
						<li><i class="fa fa-user bg-aqua"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>

								<h3 class="timeline-header no-border">
									<a href="#">Sarah Young</a> accepted your friend request
								</h3>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
						<li><i class="fa fa-comments bg-yellow"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>

								<h3 class="timeline-header">
									<a href="#">Jay White</a> commented on your post
								</h3>

								<div class="timeline-body">Take me to your leader! Switzerland is small and neutral! We are more like
									Germany, ambitious and misunderstood!</div>
								<div class="timeline-footer">
									<a class="btn btn-warning btn-flat btn-xs">View comment</a>
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline time label -->
						<li class="time-label"><span class="bg-green"> 3 Jan. 2014 </span></li>
						<!-- /.timeline-label -->
						<!-- timeline item -->
						<li><i class="fa fa-camera bg-purple"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>

								<h3 class="timeline-header">
									<a href="#">Mina Lee</a> uploaded new photos
								</h3>

								<div class="timeline-body">
									<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100"
										alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="..." class="margin"> <img
										src="http://placehold.it/150x100" alt="..." class="margin">
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
						<li><i class="fa fa-video-camera bg-maroon"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 5 days ago</span>

								<h3 class="timeline-header">
									<a href="#">Mr. Doe</a> shared a video
								</h3>

								<div class="timeline-body">
									<div class="embed-responsive embed-responsive-16by9">
										<!-- 										<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs" frameborder="0" -->
										<!-- 											allowfullscreen></iframe> -->
									</div>
								</div>
								<div class="timeline-footer">
									<a href="#" class="btn btn-xs bg-maroon">See comments</a>
								</div>
							</div></li>
						<!-- END timeline item -->
						<li><i class="fa fa-clock-o bg-gray"></i></li>
					</ul>
				</div>
			</div>
			<!-- /.row -->
		</div>
		<!-- /.content-wrapper -->
		<footer class="main-footer">
			<div class="container">
				<div class="pull-right hidden-xs">
					<b>Version</b> 2.4.0
				</div>
				<strong>Copyright &copy; 2017-2018 <a href="https://adminlte.io">Haoran Studio</a>.
				</strong> All rights reserved.
			</div>
			<!-- /.container -->
		</footer>
	</div>
	<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap 3.3.7 -->
	<script src="js/bootstrap.min.js"></script>
	<!-- SlimScroll -->
	<script src="js/jquery.slimscroll.min.js"></script>
	<!-- FastClick -->
	<script src="js/fastclick.js"></script>
	<!-- AdminLTE App -->
	<script src="js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="js/demo.js"></script>
</body>
</html>
